.project-item-box{
  display: inline-block;
  width: 320px;
  border: solid 1px #F3F3F3;
  font-size: 12px;
  background: #FFFFFF;
  font-family: 微软雅黑;
  .project-item-title{
    font-weight: bold;
    padding: 8px 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow:ellipsis;
    height: 2rem;
    overflow: hidden;
    position: relative;
    color: #333;
    font-size: 14px;
    &::after {
      content: ' ';
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      background: #A3A3A3;
      transform: scaleY(0.2);
      display: inline-block;
    }
  }
  .project-item-description{
    height: 4rem;
    position: relative;
    padding: 8px 12px;
    color: #9D9D9D;
    &::after {
      content: ' ';
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      background: #A3A3A3;
      transform: scaleY(0.2);
      display: inline-block;
    }
  }
  .project-item-footer{
    display: flex;
    padding: 8px 12px;
    .project-item-addtime{
      color: #9D9D9D;
      margin-right: auto;
    }

  }
}
